<template>
    <div class="tab-content">
        <div class="conten-item" v-for="(item,index) in rightList" :key="index">
            <img :src="item.image" alt="" @load="rightContentLoad">
            <p>{{item.title}}</p>
        </div>
    </div>
</template>

<script>
export default {
    props:{
        rightList:{
            type:Array
        }
    },
    methods:{
        rightContentLoad(){
            this.$bus.$emit('contentImageLoad')
        }
    }
};
</script>

<style lang="less" scoped>
.tab-content{
     display: flex;
     flex-wrap: wrap;
     text-align: center;
     justify-content: center;
     .conten-item{
         margin: 10px;
     }
     img{
         width: 70px;
     }
}

</style>

